<template>
  <div class="myAssetsHome">
    <header-btn  :btnList='tabArr' :tabIndex='tabIndex' @changetabIndex='tabIndexChange' style="margin-bottom:10px"/>
    <!-- 角色权限 -->
    <role-setting v-if="tabIndex==0"/>
    <!-- 设置仓库 -->
    <warehouse v-if="tabIndex==1"/>
    <!-- 审批设置 -->
    <Set-approval v-if="tabIndex==2"/>
  </div>
</template>
<script>
/* eslint-disable */
import {getRoleListApi,delRoleApi,addRoleApi} from './api'
import headerBtn from "@/components/headerBtn"/**表头tab */
import SetApproval from "./components/SetApproval"/**审批设置 */
import roleSetting from "./components/roleSetting"/**角色权限 */
import warehouse from "./components/warehouse/index"/**设置仓库 */
// import warehouse from "./components/warehouse"/**设置仓库 */
export default {
  name: "PrivilegeOfRole",
  components:{headerBtn,SetApproval,roleSetting,warehouse},
  data() {
    return {
        tabIndex:0,
        tabArr: [
          {num:'',content: '角色权限'},
		  {num:'',content: '设置仓库'},
		  {num:'',content: '审批设置'},
		],
    }
  },
  created() {
      this.getData()
  },
  methods: {
    getData(){

    },
    /**tab组件点击事件 */
    tabIndexChange(val){
        this.tabIndex = val
    },
  }
};
</script>
<style lang="stylus" scoped>
.PrivilegeOfRole
   font-size 14px
</style>